<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    td {
      padding: 5px 40px;
    }
  </style>
</head>

<body>

  <table border cellpadding="0" cellspacing="0">
    <tr>
      <td>姓名</td>
      <td> <input name="name" type="text"></td>
    </tr>
    <tr>
      <td>地区</td>
      <td> <input name="area" type="text"></td>
    </tr>
    <tr>
      <td>身份证号</td>
      <td> <input name="id" type="text"></td>
    </tr>
    <tr>
      <td>剩余名额</td>
      <td> <input name="assigned " type="text"></td>
    </tr>
    <tr>
      <td>申请班型</td>
      <td> <input name="classSize" type="text"></td>
    </tr>
    <tr>
      <td colspan="2">
        <div style="text-align: center;">
          截止2028年7月28日172分25秒
        </div>
        <div style="text-align: center;">
          全国地区占据名额走金班型剩余2个名额，请考生及时处理
        </div>
      </td>
    </tr>
  </table>
  <script>
    const inputDom = document.querySelectorAll('input')
    for(let input of inputDom) {
      input.addEventListener('input',(e)=>{
        console.log(e.value);
      })
      // console.log(input.name);
    }
  </script>
</body>

</html>